<!DOCTYPE html>
<html lang="es">
    <head>
        <script>
            function testHeadLog() {
                console.log("Hello world!");
            }
        </script>
        <script defer src="script/test-2.js"></script>
    </head>
    <body>
        <p>This is body.</p>
        <div>
            <p>p in div</p>
        </div>
        <noscript>
            <p>This page requires a JavaScript-enabled browser.</p>
        </noscript>
        <script src="script/base.js"></script>
        <script async="false" src="script/test-3.js"></script>
        <script src="script/test-1.js"></script><!-- recommend -->
        <script src="script/chapter-6.js"></script>
        <script src="script/chapter-7.js"></script>
        <script src="script/chapter-8.js"></script>
        <script src="script/chapter-9.js"></script>
        <script src="script/chapter-10.js"></script>
        <script src="script/chapter-11.js"></script>
        <script src="script/chapter-12.js"></script>
    </body>
</html>